{% extends '../common/layout.html' %}
  {% block title %} index {% endblock %}
{% block head %}
  <link rel="stylesheet" href="/css/area.css">

{% endblock %}
{% block content %}
<div class="select">
<form class="layui-form" action="">
    <div class="layui-form-item d-i-b">
        <label class="layui-form-label new-30">地区</label>
        <div class="layui-input-inline new-120">
            <select name="quiz1">
        <option value="">请选择省</option>
        <option value="浙江" selected="">浙江省</option>
        <option value="你的工号">江西省</option>
        <option value="你最喜欢的老师">福建省</option>
        </select>
        </div>
    </div>
    <div class="layui-form-item d-i-b">
        <div class="layui-input-inline new-100">
            <select name="quiz1">
                <option value="">请选择市</option>
                <option value="浙江" selected="">无锡市</option>
                <option value="你的工号">常州市</option>
                <option value="你最喜欢的老师">苏州市</option>
            </select>
        </div>
    </div>
    <div class="layui-form-item d-i-b">
        <div class="layui-input-inline new-100">
            <select name="quiz1">
                <option value="">请选择区</option>
                <option value="浙江" selected="">惠山区</option>
                <option value="你的工号">滨湖区</option>
                <option value="你最喜欢的老师">崇安区</option>
            </select>
        </div>
    </div>

    <div class="layui-form-item d-i-b">
        <label class="layui-form-label new-30">部门</label>
        <div class="layui-input-inline new-120">
            <select name="quiz1">
                <option value="">请选择部门</option>
                <option value="浙江" selected="">销售部</option>
                <option value="你的工号">采购部</option>
                <option value="你最喜欢的老师">人力资源部</option>
            </select>
        </div>
    </div>
        <div class="layui-form-item d-i-b">
            <label class="layui-form-label new-50">员工姓名</label>
            <div class="layui-input-inline new-120">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">
            </div>
        </div>
    <div class="layui-form-item d-i-b">
        <label class="layui-form-label new-50">员工号</label>
        <div class="layui-input-inline new-120">
            <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item d-i-b">
        <label class="layui-form-label new-30">账号</label>
        <div class="layui-input-inline new-120">
            <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item  new-40 d-i-b">
        <div class="layui-input-inline">
            <button class="layui-btn" lay-submit="" lay-filter="demo1">查询</button>
        </div>
    </div>
</form>
</div>

<div class="function">
    <div ><button class="layui-btn layui-btn-sm layui-btn-normal s-n add" id="add-e"><i class="zl zlIcon-tianjia" style="color: #009688"></i>添加</button></div>
    <div ><button class="layui-btn layui-btn-sm layui-btn-normal s-n delete"><i class="zl zlIcon-shanchuguanbiquxiaowubiankuang" style="color: #fc050b"></i>删除</button></div>
    <div ><button class="layui-btn layui-btn-sm layui-btn-normal s-n fix"><i class="zl zlIcon-xiugaishijian-copy"></i>修改</button></div>
    <div ><button class="layui-btn layui-btn-sm layui-btn-normal s-n run"><i class="zl zlIcon-queren"style="color: #009688" ></i>启用</button></div>
    <div ><button class="layui-btn layui-btn-sm layui-btn-normal s-n stop"><i class="zl zlIcon-ban"style="color: #fc050b"></i>禁用</button></div>
    <div ><button class="layui-btn layui-btn-sm layui-btn-normal s-n department"><i class="zl zlIcon-drxx45" style="color: #393d49"></i>部门管理</button></div>
    <div class="clearfix"></div>
</div>

<table class="layui-table" lay-data="{height: 'full-200', cellMinWidth: 80, page: true, limit:30, url:'/demo/table/user/'}">
    <thead>
    <tr>
        <th lay-data="{type:'checkbox'}">ID</th>
        <th lay-data="{field:'number', width:100, sort: true, align: 'center'}">序号</th>
        <th lay-data="{field:'employer', width:150, align: 'center'}">员工号</th>
        <th lay-data="{field:'name', width:100, align: 'center'}">员工姓名</th>
        <th lay-data="{field:'phone', width:160, align: 'center'}">账号</th>
        <th lay-data="{field:'code', width:160, align: 'center'}">密码</th>
        <th lay-data="{field:'area',  width:220, align: 'center'}">区域</th>
        <th lay-data="{field:'department', width:100, align:'center' }">部门</th>
        <th lay-data="{field:'in', sort: true, width:180, align: 'center'}">入职时间</th>
        <th lay-data="{field:'out', sort: true,width:180, align:'center'}">离职时间</th>
        <th lay-data="{field:'state', sort: true,  align: 'center'}">账号状态</th>
        <th lay-data="{field:'status', sort: true,  align: 'center'}">员工状态</th>
        <th lay-data="{field:'check', sort: true, align: 'center'}">详情</th>
    </tr>
    </thead>
</table>
















{% endblock %}
{% block js %}
<script id="addEmployer" type="text/html">
    <div class="em">
<div class="nav">
    <h1><b>员工添加</b></h1>
</div>
        <div class="region">
            <form class="layui-form" action="">
            <div class="layui-form-item">
                <label class="layui-form-label">地区选择</label>
                <div class="layui-input-inline">
                    <select name="quiz1">
                        <option value="">请选择省</option>
                        <option value="浙江" selected="">浙江省</option>
                        <option value="你的工号">江西省</option>
                        <option value="你最喜欢的老师">福建省</option>
                    </select>
                </div>
                <div class="layui-input-inline">
                    <select name="quiz2">
                        <option value="">请选择市</option>
                        <option value="杭州">杭州</option>
                        <option value="宁波" disabled="">宁波</option>
                        <option value="温州">温州</option>
                        <option value="温州">台州</option>
                        <option value="温州">绍兴</option>
                    </select>
                </div>
                <div class="layui-input-inline">
                    <select name="quiz3">
                        <option value="">请选择县/区</option>
                        <option value="西湖区">西湖区</option>
                        <option value="余杭区">余杭区</option>
                        <option value="拱墅区">临安市</option>
                    </select>
                </div>
            </div>
            </form>
        </div>
        <div class="addem">
        <form class="layui-form" action="">
            <div class="layui-form-item ">
                <label class="layui-form-label">姓名</label>
                <div class="layui-input-inline ">
                    <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item ">
                <label class="layui-form-label">员工号</label>
                <div class="layui-input-inline ">
                    <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item d-i-b">
                <label class="layui-form-label ">部门</label>
                <div class="layui-input-inline ">
                    <select name="quiz1">
                        <option value="">请选择部门</option>
                        <option value="浙江" selected="">销售部</option>
                        <option value="你的工号">采购部</option>
                        <option value="你最喜欢的老师">人力资源部</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">请选择日期</label>
                    <div class="layui-input-inline">
                        <input type="text" class="layui-input" id="test11" placeholder="">
                    </div>
                </div>
            </div>
        </form>
     </div>
        <div class="bt">
        <button class="layui-btn layui-btn-lg layui-btn-normal new-60 left bg-green" >确认</button>
            <button class="layui-btn layui-btn-lg layui-btn-normal new-60 bg-grey" id="cancel">取消</button>
        </div>
    </div>
</script>
<script>
    layui.use(['jquery','layer','form','table','laydate'], function() {
        var $ = layui.jquery,
            layer = layui.layer,
            form = layui.form,
            table = layui.table,
            laydate=layui.laydate;
        $("#add-e").click(function(){
            layer.open({
            title:false,
            type:1,
            area: ['760px', '500px'],
              /*  closeBtn:false,*/
            content:addEmployer.innerHTML,
            success:function (layero , index) {
                form.render();
                laydate.render({
                    elem: '#test11'
                    ,format: 'yyyy年MM月dd日'
                });
                layero.find("#cancel").click(function(){
                    layer.close(index);
                })

            }
        })
        })

    })



</script>
{% endblock %}